<template>
  <svg
    t="1734156803337"
    class="yindu-icon"
    viewBox="0 0 1025 1024"
    version="1.1"
    xmlns="http://www.w3.org/2000/svg"
    p-id="11980"
    width="16"
    height="16"
  >
    <path
      d="M511.74432 1023.446026C229.089638 1023.446026 0 794.356388 0 511.74432 0 229.132251 229.089638 0 511.74432 0 794.356388 0 1023.488639 229.132251 1023.488639 511.74432 1023.488639 794.356388 794.356388 1023.446026 511.74432 1023.446026L511.74432 1023.446026 511.74432 1023.446026ZM511.74432 73.252434C272.683146 73.252434 78.920017 267.058177 78.920017 506.119351 78.920017 745.180524 272.683146 938.943654 511.74432 938.943654 750.76288 938.943654 944.568623 745.180524 944.568623 506.119351 944.568623 267.058177 762.311111 69.587682 511.74432 69.587682L511.74432 52.371868 511.74432 73.252434ZM270.467249 671.92809C263.350811 656.800333 269.870662 638.817478 284.998419 631.743654L508.633541 556.957137 508.633541 241.404911C508.633541 224.700458 531.943071 208.720433 548.690137 208.720433 565.351977 208.720433 586.232543 224.700458 586.232543 241.404911L586.232543 573.576363C586.232543 574.812151 585.678568 575.834873 585.550728 577.028048 586.189929 588.9598 562.539492 615.422722 551.076488 620.79201L310.566459 701.160882C295.481315 708.234707 277.49846 687.013233 270.467249 671.92809L270.467249 671.92809 270.467249 671.92809Z"
      p-id="11981"
      fill="#969696"
    ></path>
  </svg>
</template>

<script setup lang="ts">
type Props = {
  fill?: string;
};

const props = withDefaults(defineProps<Props>(), {
  fill: "#969696",
});

const fillColor = computed(() => {
  return props.fill;
});
</script>
<style scoped lang="less">
.yindu-icon {
  & path {
    fill: v-bind(fillColor);
  }
}
</style>
